<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title>微信商城-地址</title>
		<%@ include file="/views/common/required.jspf"%>
		<link rel="stylesheet" href="${ctx}/statics/common/styles/address.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="${ctx}/statics/common/img/apple-touch-icon.png">
		<link rel="icon" href="${ctx}/statics/common/img/favicon.ico">
	</head>
	<body>
	
		<header class="header-wrapper">
			<ul class="header-list">
				<li>
					<a href="${ctx }/product/listProduct.html">
						<i class="fa fa-2x fa-home"></i>
						<p>首页</p>
					</a>
				</li>
				<li>
					<a href="${ctx}/product/listStoreCart.html">
						<i class="fa fa-2x fa-shopping-cart"></i>
						<p>购物车</p>
					</a>
				</li>
				<li>
					<a href="${ctx }/user/userInfo.html">
						<i class="fa fa-2x fa-user"></i>
						<p>用户中心</p>
					</a>
				</li>
			</ul>
		</header>
		
		<section style="width: 100%; height: .6rem;"></section>

		<section class="address-container">
			<div class="container-message">
				<div class="message-inner">
				<form action="${ctx}/user/addAddress.html" method="post">
				<input type="hidden" value="1" name="address.sys_user_id"/>
					<input type="text" placeholder="请填写你的真实姓名" name="address.receiver"/>
					<select name="address.province" id="s1">
		    		</select>&nbsp;&nbsp;
					<select name="address.city" id="s2">
		    		</select>&nbsp;&nbsp;
					<select name="address.area" id="s3">
		    		</select>
					<input type="text" placeholder="详细地址（不必重复填写地址）" name="address.address"/>
					<input type="text" placeholder="手机或者电话" name="address.phone"/>
					<input type="submit" value="保存" id="submit" />
					</form>
				</div>
			</div>
			<c:forEach items="${addressList}" var="address">
			<div class="container-address">
				<p>${address.receiver }(${address.phone})</p>
				<p>${address.province } ${address.city } ${address.area } ${address.address }</p>
				<div class="p-line"></div>
				<div class="address-editor">
					<div class="editor-left">
						<i class="fa fa-edit"></i>
						<span>编辑</span>
					</div>
					<div class="editor-right">
					<a href="${ctx}/user/deleteAddress.html?id=${address.id}">
						<i class="fa fa-trash-o"></i>
						<span>删除</span>
					</a>
					</div>
				</div>
			</div>
			</c:forEach>
		</section>
		<script type="text/javascript" src="${ctx}/statics/common/scripts/ssq.js"></script>
	</body>

</html>